<html>

    <head>
        <title>Task Board</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300' rel='stylesheet' type='text/css'>
        <meta name="keywords" content="website keywords, website keywords" />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="/codeigniter/application/css/estilo.css" />
        <link rel="stylesheet" type="text/css" href="/codeigniter/application/css/style.css" />
        <link rel="stylesheet" type="text/css" href="/codeigniter/application/css/stylePaginationA.css" />
        <link rel='stylesheet' href='/codeigniter/application/css/iconic_fill.css' type='text/css' media='screen' />
        <link rel="stylesheet" href="/codeigniter/application/css/css3-buttons.css" type="text/css" media="screen">
        <script type="text/javascript" src="/codeigniter/application/jquery/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="/codeigniter/application/jquery/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="/codeigniter/application/jquery/jquery.quick.pagination.min.Activity.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("ul.pagination").quickPagination();
            });
        </script>

        <script>
            $(document).ready(function() {
                // Toggle the dropdown menu's
                $(".dropdown .button, .dropdown button").click(function () {
                    $(this).parent().find('.dropdown-slider').slideToggle('fast');
                    $(this).find('span.toggle').toggleClass('active');
                    return false;
                });
            }); // END document.ready
    
            // Close open dropdown slider/s by clicking elsewhwere on page
            $(document).bind('click', function (e) {
                if (e.target.id != $('.dropdown').attr('class')) {
                    $('.dropdown-slider').slideUp();
                    $('span.toggle').removeClass('active');
                }
            }); // END document.bind
        </script>
    </head>

    <body>

        <div id="main">
            <header>
                <div id="logo">
                    <div id="logo_text">
                        <!-- class="logo_colour", allows you to change the colour of the text -->
                        <img src="/codeigniter/application/images/logo.png" width="200" height="70" >
                    </div>
                </div>

                <nav>
                    <ul class="sf-menu" id="nav">
                        <li class="selected"><a href="http://localhost/codeigniter/index.php/usuario/goCargarHome">Mi Pared</a></li>
                        <li><a href="http://localhost/codeigniter/index.php/pizarra/reporte/<?= $this->uri->segment(3); ?>">Reporte</a></li>
                        <li><a href="http://localhost/codeigniter/index.php/pizarra/goAdd_Actividad/<?= $this->uri->segment(3); ?>">Agregar Actividad</a> 
                        </li>
                        <li> <a href="http://localhost/codeigniter/index.php/pizarra/goListarArbol/<?= $this->uri->segment(3); ?>">Listar Arbol</a>
                        </li>
                        <li><a href="http://localhost/codeigniter/index.php/usuario/goSalir">Salir</a></li>

                    </ul>
                </nav>
            </header><!-- termina el header->
        
            <!-- Contenido de la pagina -->
            <div id="site_content">


                <div id="middle_content">

                    <!-- Mostrar cada proyecto como pizarra -->

                    <ul class="pagination">
                        <?php
                        for ($i = 0; $i < count($actividades); $i++) {
                            ?>

                            <li class="barraActividad">

                                <div class="frame_activity">

                                    <?php
                                    if ($actividades[$i]['estatus'] == 'sindefinir') {
                                        echo'<div class="lineSinDefinir"></div>';
                                    } else if ($actividades[$i]['estatus'] == 'no asignada') {
                                        echo'<div class="lineNoAsignada"></div>';
                                    } else if ($actividades[$i]['estatus'] == 'culminada') {
                                        echo'<div class="lineCulminada"></div>';
                                    } else if ($actividades[$i]['estatus'] == 'postergada') {
                                        echo'<div class="linePostergada"></div>';
                                    } else if ($actividades[$i]['estatus'] == 'retrasada') {
                                        echo'<div class="lineRetrasada"></div>';
                                    } else if ($actividades[$i]['estatus'] == 'en proceso') {
                                        echo' <div class="lineEnProceso"></div>';
                                    }
                                    ?>
                                    <div class="content_activity">
                                        <strong><?php echo $actividades[$i]['titulo']; ?></strong><br />
    <?php echo $actividades[$i]['descripcion']; ?>

                                    </div>

                                    <div class="block_activity">
                                        <strong><span class="activity_description">Fecha Inicio</span></strong>
    <?php echo $actividades[$i]['fecha_inicio']; ?>


                                        <strong><br /><span class="activity_description">Fecha Tope</span></strong>
    <?php echo $actividades[$i]['fecha_fin']; ?>
                                    </div>

                                    <div class="block_activity">
                                        <table class="tabla">  
                                            <tr>

                                                <td>

                                                    <a href="/codeigniter/index.php/actividad/goAgregar_SubActividad/<?= $proyecto; ?>/<?php echo $actividades[$i]['id_actividad']; ?>" class="button left" title="Crear Sub-Actividad">
                                                        <span class="icon icon55"></span>
                                                        <span class="toggle"></span>
                                                    </a>
                                                </td>
                                                <td>
                                                    <div class="dropdown middle">
                                                        <a href="#" class="button middle">
                                                            <span class="icon icon96"></span>
                                                            <span class="label">Opciones</span>
                                                            <span class="toggle">
                                                            </span>
                                                        </a>
                                                        <div class="dropdown-slider">
                                                            <a href="/codeigniter/index.php/actividad/culminar/<?= $proyecto; ?>/<?php echo $actividades[$i]['id_actividad']; ?>" class="ddm">
                                                                <span class="icon icon44"></span>
                                                                <span class="label">Culminar</span>
                                                            </a>
                                                            <a href="/codeigniter/index.php/actividad/goModificar_Actividad/<?php echo $actividades[$i]['id_actividad']; ?>" class="ddm">
                                                                <span class="icon icon145"></span>
                                                                <span class="label">Modificar</span>
                                                            </a>
                                                        </div> <!-- /.dropdown-slider -->


                                                </td>
                                                <td>
                                                    <!--<form method="post" action="../actividad/goComentar_Actividad">
                                                        <input type="hidden" name="nombre_proyecto" value="<?= $proyecto; ?>">
                                                        <input type="hidden" name="nombre_actividad" value="<?= $actividades[$i]['id_actividad']; ?>">
                                                        <input type="submit" value="Comentarios">
                                                    </form>-->
                                                   <!-- <p><?= anchor('/codeigniter/index.php/actividad/goComentar_Actividad' . '/' . $proyecto . '/' . $actividades[$i]['id_actividad'], "Comentar"); ?></p>-->
                                                    <a title ="Comentar actividad" href="/codeigniter/index.php/actividad/goComentar_Actividad/<?php echo $proyecto; ?>/<?php echo $actividades[$i]['id_actividad']; ?>" class="button right">
                                                        <span class="icon icon125"></span>
                                                        <span class="label red">Comentarios</span>
                                                    </a>
                                                </td>
                                            </tr>
                                        </table> 
                                    </div>

                                    <?php
                                    if ($actividades[$i]['estatus'] == 'sindefinir') {
                                        echo'<div class="lineSinDefinir"><span class="text_status"></span></div>';
                                        $logo = 'activity_status_sin';
                                    } else if ($actividades[$i]['estatus'] == 'no asignada') {
                                        echo'<div class="lineNoAsignada"></div>';
                                        $logo = 'activity_status_sin';
                                    } else if ($actividades[$i]['estatus'] == 'culminada') {
                                        echo'<div class="lineCulminada"></div>';
                                        $logo = 'activity_status_complete';
                                    } else if ($actividades[$i]['estatus'] == 'postergada') {
                                        echo'<div class="linePostergada"></div>';
                                        $logo = 'activity_status_post';
                                    } else if ($actividades[$i]['estatus'] == 'retrasada') {
                                        echo'<div class="lineRetrasada"></div>';
                                        $logo = 'activity_status_late';
                                    } else if ($actividades[$i]['estatus'] == 'en proceso') {
                                        echo' <div class="lineEnProceso"></div>';
                                        $logo = 'activity_status_do';
                                    }
                                    ?>                


                                    <div class="<?= $logo ?>" align="center">


                                        <span class='iconic clock' style="margin-left:7px;"></span>
                                        <br />

                                    </div> 

                                </div>

                            </li>
                            <?php
                        }
                        ?>

                    </ul>
                </div>
            </div>
            <footer>
                <p>Copyright &copy;  <a href="http://www.ldc.usb.ve/~09-10076">DY CICLE Systems </p>
            </footer>
        </div>
    </body>
</html>


